﻿<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>

    <link href="~/Content/bootstrap.css" rel="stylesheet" />
    <link href="~/Estilos/Asibar.css" rel="stylesheet" />
    <link href="~/Estilos/hoverMenu.css" rel="stylesheet" />

    <link href="~/Content/jquery.dataTables.css" rel="stylesheet" />
    <link href="~/Content/jquery.dataTables.min.css" rel="stylesheet" />
    <style>
        .navbar {
            background-color: #000000;
        }
        
       .icono.derecha
       {
           float:right;
           margin-left:10px;
       }

       .navbar-collapse .nav-stacked ul
       {
              display:none;
       }
    </style>



    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
</head>
<body>
    
    <div id="navbar" class="navbar navbar-inverse navbar-fixed-top">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only">Toggle Navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#" title="Home" rel="home">
                <br />
                <br />
                
                <span class="" style="position:relative; top:5%; right:-25px;">Menu</span>
                    
                <br />
                <h4 class="site-description"></h4>
            </a>
        </div>
        </div>
        <nav class="navbar navbar-dark bg-dark">
            <div class="container-fluid">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapse" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="#">Brand</a>
                </div>

                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav">
                        <li class="active"><a href="#">Link<span class="sr-only">(current)</span></a></li>
                       
                        <li class="dropdown">
                            

                               


                            </ul>
                      
                    


                    
                       
                          
                            <form class="navbar-form navbar-right">
                                <div class="form-group">
                                    <input type="text" class="form-control" placeholder="Search">
                                </div>
                                <button type="submit" class="btn btn-default">Buscar</button>

                            </form>
                               
                        </div>
                        <ul class="nav navbar-nav navbar-right">
                           
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"></a>
                            </li>
                           
                        </ul>
                @Html.Partial("_LoginPartial")
                    </div>
               
        </nav>



        

    <div id="navbar" class="navbar navbar-inverse navbar-fixed-top">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only">Toggle Navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#" title="Home" rel="home">
                <br />
                <br />

                <span class="" style="position:relative; top:5%; right:-25px;">Menu</span>

                <br />
                <h4 class="site-description"></h4>
            </a>
        </div>



        <div class="clearfix"></div>
        <div class="collapse navbar-collapse">
            <ul class="nav nav-stacked" id="menu-bar">
                <br />
                <br />
                <br />
                <li>
                    <a href="~/Home/Index"><i class="glyphicon glyphicon-home"></i>  Inicio<span class=""></span></a>
                    @*<ul class="nav child_menu">
                            <li><a href="tables.html">Producto</a></li>
                            <li><a href="tables_dynamic.html">Categoria</a></li>
                        </ul>*@
                </li>
                <li id="activado">
                    <a href="~/Personas/Index"><i class=" glyphicon glyphicon-user"></i>  Persona<i class="icono derecha glyphicon glyphicon-chevron-down"></i></a>
                    <ul class="nav child_menu">
                            <li><a href="">Tipo de Persona</a></li>
                            
                        </ul>
                </li>
                <li>
                    <a href="~/Inventario/Index"><i class="glyphicon glyphicon-list-alt"></i>  Inventario<i class="icono derecha glyphicon glyphicon-chevron-down"></i> <span class=""></span></a>
                    <ul class="nav child_menu">
                            <li><a href="tables.html">Tipo Inventario</a></li>
                           
                        </ul>
                </li>
                <li>
                    <a href="~/Producto/Index"><i class="glyphicon glyphicon-briefcase"></i>  Producto <i class="icono derecha glyphicon glyphicon-chevron-down"></i><span class=""></span></a>
                    <ul class="nav child_menu">
                            <li><a href="tables.html">Tipo Producto</a></li>
                            
                        </ul>
                </li>

                @*<li class="panel dropdown">
                        <a data-toggle="collapse" data-parent="#menu-bar" href="~/TipoProducto/Index">
                            Tipo de Producto
                        </a>
                        <ul id="collapseOne" class="panel-collapse collapse">
                            <li><a href=""></a></li>
                            <li><a href="#">Detalles</a></li>
                            <li><a href="#"></a></li>
                        </ul>
                    </li>*@
                <li>
                    <a href="~/Proveedor/Index"><i class="glyphicon glyphicon-file"></i>  Proveedores<i class="icono derecha glyphicon glyphicon-chevron-down"></i> <span class=""></span></a>
                    @*<ul class="nav child_menu">
                          <li><a href="tables.html">Producto</a></li>
                          <li><a href="tables_dynamic.html">Categoria</a></li>
                        </ul>*@
                </li>
                <li>
                    <a href="~/EntradaProducto/Index"><i class="glyphicon glyphicon-shopping-cart"></i> Entrada de Producto<i class="icono derecha glyphicon glyphicon-chevron-down"></i><span class=""></span></a>
                    @*<ul class="nav child_menu">
                          <li><a href="tables.html">Producto</a></li>
                          <li><a href="tables_dynamic.html">Categoria</a></li>
                        </ul>*@
                </li>
                <li>
                    <a><i class="glyphicon glyphicon-usd"></i>  Costo de Produccion<i class="icono derecha glyphicon glyphicon-chevron-down"></i><span class=""></span></a>
                    @*<ul class="nav child_menu">
                          <li><a href="tables.html">Producto</a></li>
                          <li><a href="tables_dynamic.html">Categoria</a></li>
                        </ul>*@
                </li>
            </ul>

        </div>
    </div>
    

    <div>
        @RenderBody()
    </div>
    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/bootstrap")
   
    <script src="~/Scripts/jquery.dataTables.js"></script>
    <script src="~/Scripts/jquery.dataTables.min.js"></script>

    @*<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js" type="text/javascript"></script>*@
    <script src="~/Scripts/bootstrap.min.js" type="text/javascript"></script>
    <script type="text/javascript">

        $(document).ready(function () {
            $('#grid').DataTable();
        });
        //$(Document).ready(function () {
        //    $('nav-stacked').click(function () {
        //        $("activalo").slideUp("slow");
        //        $('activado').slideDown("slow");
                
        //        //    if ($(this).hasClass('activado')) {


        //        //    } else {

        //        //        $('#menu-bar li a ul').slideUp();
        //        //        $('#mrnu-bar li a ul').removeClass('activado');
        //        //        $(this).addClass('activado');
        //        //        $(this).children('ul').slideDown();
        //        //    }



        //        //});
        //    });


        //});
    </script>

   

    @RenderSection("scripts", required: false)
</body>
</html>
